<template>
  <div class="app-container">
    <p class="shenqing">基本信息</p>
    <table border="1" rules="all" class="tablestyle">
      <tr>
        <td style="width: 164px;height: 34px;text-align: center;">出库单号</td>
        <td >
          {{applicationData.bianhao}}
        </td>
        <td style="width: 164px;height: 34px;text-align: center;">出库仓库</td>
        <td style="width: 415px; padding-left: 10px;">测试</td>
      </tr>
      <tr>
        <td style="width: 164px;height: 34px;text-align: center;">出库人</td>
        <td style="width: 415px; padding-left: 10px;">系统管理员</td>
        <td style="width: 164px;height: 34px;text-align: center;">出库时间</td>
        <td style="width: 415px; padding-left: 10px;">2020-06-09</td>
      </tr>
      <tr>
        <td style="width: 164px;height: 34px;text-align: center;">领料人</td>
        <td style="width: 415px; padding-left: 10px;">测试</td>
        <td style="width: 164px;height: 34px;text-align: center;">领料单号</td>
        <td style="width: 415px; padding-left: 10px;">测试</td>
      </tr>
      <tr>
        <td style="width: 164px;height: 34px;text-align: center;">备注</td>
        <td  colspan="3" style="width: 1030px;padding-left: 10px">
          这是备注
        </td>
      </tr>
    </table>
    <el-row >
      <p class="shenqing">出库信息</p>
      <el-table
        :data="tableDataFzr"
        border
        stripe
        style="width: 1396px;margin-left: 15px">
        <el-table-column
          type="index"
          label="序号"
          align="center"
          width="50">
        </el-table-column>
        <el-table-column
          prop="name"
          label="产品编号"
          align="center"
          width="180">
        </el-table-column>
        <el-table-column
          prop="name"
          label="图片"
          align="center"
          width="180">
        </el-table-column>
        <el-table-column
          prop="name"
          label="产品名称"
          align="center"
          width="180">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="单位">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="规格型号">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="品牌">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="申请数量">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="出库数量">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="单价">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="平均价">
        </el-table-column>
        <el-table-column
          align="center"
          prop="address"
          label="总价">
        </el-table-column>
      </el-table>
    </el-row>

  </div>
</template>

<script>
  import { listRole, getRole, delRole, addRole, updateRole, exportRole, dataScope, changeRoleStatus } from "@/api/system/role";


  export default {
    name: "Role",
    data() {
      return {
        //申请信息
        applicationData:{
          bianhao:'',
        },
        //负责人数据
        tableDataFzr:[
          {name:'测试'}

        ],
        //巡检路线
        tableDataLx:[
          {name:'测试'}
        ]
      };
    },
    created() {
      console.log('接受',this.$route.query)

    },
    methods: {


    }
  };
</script>
<style>
  .shenqing{
    color: #05A380;
    font-weight: 700;
    margin-left: 15px;
  }
  .tablestyle {
    margin-left: 15px;
    border: 1px solid #cccccc;
    color: #606266;
    font-size: inherit;
  }
  .fujian span{
    margin-left: 15px;
    cursor: pointer;
  }

</style>
